{"ast":null,"code":"import React from'react';import cl from'./MyModal.module.css';import{jsx as _jsx}from\"react/jsx-runtime\";export default function MyModal(_ref){var children=_ref.children,visible=_ref.visible,setVisible=_ref.setVisible;var rootClasses=[cl.myModal];if(visible){rootClasses.push(cl.active);}return/*#__PURE__*/_jsx(\"div\",{className:rootClasses.join(' '),onClick:function onClick(){return setVisible(false);},children:/*#__PURE__*/_jsx(\"div\",{className:cl.myModalContent,onClick:function onClick(e){return e.stopPropagation();},children:children})});}","map":{"version":3,"names":["React","cl","MyModal","children","visible","setVisible","rootClasses","myModal","push","active","join","myModalContent","e","stopPropagation"],"sources":["/Users/iliyagladkov/to-do-react/src/components/UI/MyModal/MyModal.jsx"],"sourcesContent":["import React from 'react'\nimport cl from './MyModal.module.css'\n\nexport default function MyModal({children, visible, setVisible}) {\n\n  const rootClasses = [cl.myModal]\n\n  if(visible) {\n      rootClasses.push(cl.active)\n  }\n\n  return (\n    <div className={rootClasses.join(' ')} onClick={() => setVisible(false)}>\n      <div className={cl.myModalContent} onClick={(e) => e.stopPropagation()}>\n        {children}\n      </div>\n    </div>\n  )\n}\n"],"mappings":"AAAA,MAAOA,MAAK,KAAM,OAAO,CACzB,MAAOC,GAAE,KAAM,sBAAsB,4CAErC,cAAe,SAASC,QAAO,MAAkC,IAAhCC,SAAQ,MAARA,QAAQ,CAAEC,OAAO,MAAPA,OAAO,CAAEC,UAAU,MAAVA,UAAU,CAE5D,GAAMC,YAAW,CAAG,CAACL,EAAE,CAACM,OAAO,CAAC,CAEhC,GAAGH,OAAO,CAAE,CACRE,WAAW,CAACE,IAAI,CAACP,EAAE,CAACQ,MAAM,CAAC,CAC/B,CAEA,mBACE,YAAK,SAAS,CAAEH,WAAW,CAACI,IAAI,CAAC,GAAG,CAAE,CAAC,OAAO,CAAE,yBAAML,WAAU,CAAC,KAAK,CAAC,EAAC,uBACtE,YAAK,SAAS,CAAEJ,EAAE,CAACU,cAAe,CAAC,OAAO,CAAE,iBAACC,CAAC,QAAKA,EAAC,CAACC,eAAe,EAAE,EAAC,UACpEV,QAAQ,EACL,EACF,CAEV"},"metadata":{},"sourceType":"module","externalDependencies":[]}